import {Box, Static} from '../components'
import {primaryColor} from '../styles/common-color'


const Submenu = ({title,marginBottom,fontSize,color}: { title: string,marginBottom?:string,fontSize?:string,color?:string }) => (
    <Box flex='flex' justify='flex-start' marginBottom={marginBottom || '.5rem'}>
        <i/>
        <Static label={title} fontSize={ fontSize || '1rem'} color={color}/>

        <style jsx>{`
            i{
                width:2px;
                height: 14px;
                background: ${primaryColor};
                margin-right: .5rem;
            }
        `}</style>
    </Box>
);

export default Submenu